﻿<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>帮助中心</title>

	<!--可无视-->
	<link rel="stylesheet" type="text/css" href="css/reset.css">

	<!--主要样式-->
	<link rel="stylesheet" href="css/help_style.css">

	<script src="js/prefixfree.min.js"></script>
	<style type="text/css">
		body {
			background-image: url(images/bj.png);
			background-repeat: no-repeat;
			background-size: 100%auto;
		}
	</style>


</head>

<body>


	<div class="scene">
		<article class="book">
			<section class="page active">
				<div class="front">
					<header class="htmleaf-header">
						<h1>欢迎来到安家综合服务-帮助页面</h1>

					</header>
					<br></br>
					<br></br>
					<a href="#use">
						<h1>使用管理</h1>
					</a>
					<br></br>
					<br></br>
					<a href="#serve">
						<h1>页面引导</h1>
					</a>
					<br></br>
					<br></br>
					<a href="#operate">
						<h1>操作帮助</h1>
					</a>

				</div>


				<div class="back" id="use">
					<h1>– 1 –</h1>
					<h1>使用管理</h1>
					<br></br>
					<p>
						游客用户可进入安家首页,在次展示了安家的服务范围以及安家团队的组成介绍.
					</p>
					<p style="color:green;">若想使用更多功能以及安家的贴心服务,请注册成为安家会员!</p>

					<h2>功能概述:</h2>
					<p>主要描述安家官网的业务功能概述,给初来的您做一个自我介绍.</p>
					<br></br>

					<h2>帮助中心:</h2>
					<p>如果在安家遇到无法解决的问题,在此联系安家后台,我们将帮助您解决问题.</p>
					<br></br>

				</div>

			</section>
			<section class="page">

				<div class="front" id="serve">
					<h1>– 2 –</h1>
					<h1>页面引导</h1>

					<h2>房价总览:</h2>
					<p>
						展示2011-目前为止，西安市各地区历年每个月房价的均价变化趋势，我们将其设置为折线图，您可以选择您想了解的年代，页面会随着您的点击反馈给您新的数据！
					</p>
					<br></br>

					<h2>房价预测:</h2>
					<p>依靠云端大数据和安家的技术支持，安家可以为您预测下一年西安房价的均价，帮助您制定更好的购房计划。此外安家也推出了购房建议，请移步住房推荐。</p>
					<br></br>

					<h2>住房推荐:</h2>
					<p>安家根据您的浏览情况，以及您的周边需求，现有资金，面积大小等，推荐适合您的房屋。</p>
					<br></br>

				</div>



				<div class="back" id="operate">
					<h1>– 3 –</h1>
					<h1>操作帮助</h1>
					<h3>如何注册成为安家会员?</h3>
					<p>

						进入安家指导界面,选择我是用户,页面跳转到安家首页。在界面的右上角点击注册，完成信息的录入即可成为安家会员！ 你也可以直接点击页面右上角的:我已有安家账户
						随后在登录界面点击注册即可!

					</p>
					<h3>如何查询历年房价总览?</h3>
					<p>
						进入房价总览的界面,在选择框中选取您想要查询的房价年份,再点击查询即可跳转!

					</p>
					<p>您也可以选择 点亮/关闭 来展示您想要的数据 !</p>

					<p>					<img src="images/help3.png">
					</p>



<!--					<span><img src="images/help1.png" class="line"></span>-->
<!--					<span><img src="images/help2.png" class="line"></span>-->
				</div>

			</section>
			<section class="page">

				<div class="front">
					<h1>– 4 –</h1>
					<h1>操作帮助</h1>


					<br>
					<h3>如何进行房价预测?</h3>
					<p>进入房价预测界面，在输入框中输入您要预测的月份，系统将会自动为你预测并弹出提示框！</p>
					<p>为了提高住房推荐的精准性，我们将要对您的需求有一个大致的了解，在住房推荐的界面，您只需填写您的需求问卷，安家会自动为你匹配何时的房源。</p>
				</div>

			</section>
		</article>
	</div>

	<script src="js/jquery-1.11.0.min.js" type="text/javascript"></script>
	<script src='js/jquery.hammer.min.js' type="text/javascript"></script>
	<script>
		var currentPage = 0;

		$('.book')
			.on('click', '.active', nextPage)
			.on('click', '.flipped', prevPage);

		$('.book').hammer().on("swipeleft", nextPage);
		$('.book').hammer().on("swiperight", prevPage);

		function prevPage() {

			$('.flipped')
				.last()
				.removeClass('flipped')
				.addClass('active')
				.siblings('.page')
				.removeClass('active');
		}
		function nextPage() {

			$('.active')
				.removeClass('active')
				.addClass('flipped')
				.next('.page')
				.addClass('active')
				.siblings();


		}
	</script>

</body>

</html>